.nav-bn{
    box-shadow:2px 2px 1px #888888;
    background-color: #55c23f;
    padding:5%;
    margin-bottom: 3%;
}
.bg-green1{
    background-color: #55c23f;
}
.bg-green1:hover,.bg-green1:focus{
    background-color: #55dd3f;
}
.bg-green2{
    background-color: #3fc286;
}
.bg-green2:hover,.bg-green2:focus{
    background-color: #3fe286;
}
.bg-yellow{
    background-color: #ffae00;
}
.bg-yellow:hover,.bg-yellow:focus{
    background-color: #ffae60;
}
.bg-red{
    background-color: #de5d25;
}
.bg-red:hover,.bg-red:focus{
    background-color: #de9d25;
}
.frid-link{
    margin-right: 2%;
}
.bg-link:hover,.bg-link:focus{
    background-color: #55dd3f;
}

